﻿@model _1._8._2015_KidChores.Models.KidChoresViewModel
@{
    ViewBag.Title = "Home Page";
}

<div class="jumbotron">
    <h1>Kid Chores</h1>  
</div>

<div class="row">
    <div class="col-md-12">
        <table class="table table-striped table-bordered">
            <tr>
                <th>Kid Name</th>
                <th>Chore</th>
            </tr>
            @foreach(var kc in Model.KidChores)
            {
                <tr>
                    <td>@(kc.Kid.FirstName + " " + kc.Kid.LastName)</td>
                    <td>@kc.Chore.Description
                        <button type="button" class="close" aria-hidden="true">
                            @(Html.ActionLink("x", "Delete", new { id = @kc.KidChoreId }))
                        </button>
                    </td>
                </tr>
            }




        </table>
    </div>
    
</div>